<template>
    <div class="install-detail">
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>单位名称</label>
            </div>
            <div>
                <p>名称</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>项目名称</label>
            </div>
            <div>
                <p>项目部一</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>设备类型</label>
            </div>
            <div>
                <p>设备类型</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>自编号</label>
            </div>
            <div>
                <p>自编号</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>备案编号</label>
            </div>
            <div>
                <p>备案编号</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>安装位置</label>
            </div>
            <div>
                <p>安装位置</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>是否自有设备</label>
            </div>
            <div>
                <p>安装位置</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>安装日期</label>
            </div>
            <div>
                <p>2019-10-20</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>进场日期</label>
            </div>
            <div>
                <p>2019-10-20</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>验收日期</label>
            </div>
            <div>
                <p>2019-10-20</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>安装单位</label>
            </div>
            <div>
                <p>安装单位</p>
            </div>
        </div>
        <div class="form-item form-item-style2">
            <div class="label-title">
                <label>参加验收人员</label>
            </div>
            <div>
                <textarea placeholder="人员"></textarea>
            </div>
        </div>
        <div class="cut-off-rule"></div>
        <div class="form-section">
            <h3 data-v-d3024438="">验收要求</h3>
            <div class="form-item form-item-style1">
                <div class="label-title label-title1">
                    <label>验收结论验收结论验收结论验收结论</label>
                </div>
                <div class="select-section">
                    <div class='active'>
                        是
                    </div>
                    <div>
                        否
                    </div>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title label-title1">
                    <label>验收结论验收结论验收结论验收结论</label>
                </div>
                <div class="select-section">
                    <div class='active'>
                        是
                    </div>
                    <div>
                        否
                    </div>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title label-title1">
                    <label>验收结论验收结论验收结论验收结论</label>
                </div>
                <div class="select-section">
                    <div class='active'>
                        是
                    </div>
                    <div>
                        否
                    </div>
                </div>
            </div>
        </div>
        <div class="cut-off-rule"></div>
        <div class="form-section">
            <h3>
                附件信息
            </h3>
            <div class="form-item form-item-style2">
                <div class="label-title space-between">
                    <div class="space-between">
                        <label>附件</label>
                    </div>
                    <span>当前共{{YSuploadLength}}张</span>
                </div>
                <div class="upload-wrap">
                    <upload @setFormData="setYSFormData"></upload>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>验证结论</label>
                </div>
                <div class="select-section">
                    <div class="active">
                        合格
                    </div>
                    <div>
                        不合格
                    </div>
                </div>
            </div>
            <div class="form-item form-item-style2">
                <div class="label-title">
                    <label>验收意见</label>
                </div>
                <div>
                    <textarea placeholder="请输入验收意见"></textarea>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import upload from '@/commonComponents/upload/index'
export default {
    name: 'installDetail',
    data () {
        return {
            accopt: [['项目部一', '项目部2']], // 验收结果
            accoptVal: ['项目部一'],
            startTime: '',
            endTime: '',
            YSFormData: '',
            YSuploadLength: ''
        }
    },
    components: {
        upload
    },
    methods: {
        setYSFormData (formData, uploadLength) {
            this.YSFormData = formData
            this.YSuploadLength = uploadLength
        },
        handleSubmit () {

        }
    }
}
</script>
<style lang="less" scoped>
.select-section {
    display: flex;
}
.select-section div {
    padding-left: 26px;
    background: url(../../../../static/images/select.png) no-repeat left center;
    background-size: 17px 17px;
}
.select-section div:first-child {
    margin-right: 58px;
}
.select-section .active {
    background: url(../../../../static/images/selected.png) no-repeat left
        center;
    background-size: 17px 17px;
}
.install-detail .label-title1 {
    width: 168px;
    line-height: 18px;
}
</style>
